<header>
 
 <div class="fondomenu">
   <nav>
    
    <div class="minilogo"></div>
    
    <ul class="menu">
     
     <li class="selected">
      <span></span>
      <a href="">HOME</a>
     </li>
     
     <li>
      <span></span>
      <a href="">EVENTOS</a>
     </li>
     
     <li>
      <span></span>
      <a href="">NOTICIAS</a>
     </li>
     
     <li>
      <span></span>
      <a href="">VIDEOS</a>
     </li>
     
     <li>
      <span></span>
      <a href="">ART&Iacute;CULOS</a>
     </li>
     
     <li>
      <span></span>
      <a href="">ALBERCAS</a>
     </li>
     
     <li>
      <span></span>
      <a href="">EMPLEOS</a>
     </li>
     
     <li>
      <span></span>
      <a href="">TODO MENOS DEPORTE</a>
     </li>
    </ul>
    
    <ul class="social">
     <li> <span class="facebook"></span> </li>
     <li> <span class="twitter"></span> </li>
     <li> <span class="google"></span> </li>
     <li> <span class="rss"></span> </li>
    </ul>
    
    <div class="buscador">
     <input type="text" autocomplete="off">
      
      <div class="fondo">
        <span class="icon"></span>
      </div>
    </div>
    
   </nav>
 
 </div>
 
 <div class="espacio"></div>
 
 <div class="fondologo">
  <div class="logo">
   
   <div class="imagen"></div>
   <div class="banner">
    <img src="http://placehold.it/714x90">
   </div>
   
  </div>
 </div>


  <div class="submenu">
   
  </div>

 
 
</header>


<script type="text/javascript">
head.ready(function(){
    var nav = $('header');

    $("header nav ul.menu li").click(function(e){
     e.preventDefault();
     
     var submenu = $("header .submenu");
     
     if($(this).hasClass("selected") && submenu.hasClass("selected"))
     {
      submenu.removeClass("selected");
      $("header nav ul.menu li").removeClass("selected");
      $("header nav ul.menu li").first().addClass("selected");
      //$("html").css("overflow", "auto");
     }
     else{
      submenu.addClass("selected");
      $("header nav ul.menu li").removeClass("selected");
      $(this).addClass("selected");
      //$("html").css("overflow", "hidden");
     }
     
    });

    $(window).scroll(function () {
       
        if ($(this).scrollTop() > 147){
            if(!nav.hasClass("fixed"))
            {
             nav.addClass("fixed");
             nav.find(".fondomenu").hide().slideDown();
            }

        }else{
            nav.removeClass("fixed");
            
        }
    });
});
</script>
